<!DOCTYPE html>
<html class="x-admin-sm">

{include file="common/static" /}
{include file="common/resources" /}
<script src="/static/plug/html2canvas.js"></script>
<body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a>
                    <cite>交班管理</cite>
                </a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div>
        <div class="layui-fluid" id="seho">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">


                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="layui-card-header">数据统计</div>
                                    <div class="layui-card-body ">
                                        <ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
                                            <li class="layui-col-md2 layui-col-xs6">
                                                <a href="javascript:;" class="x-admin-backlog-body">
                                                    <h3>总收入</h3>
                                                    <p>
                                                        <cite>
                                                            {$res.home_subscribe_msg + $res.member_record + $res.move + $res.goods_shop}元
                                                        </cite>
                                                    </p>
                                                </a>
                                            </li>
                                            <li class="layui-col-md2 layui-col-xs6">
                                                <a href="javascript:;" class="x-admin-backlog-body">
                                                    <h3>总支出</h3>
                                                    <p>
                                                        <cite>12</cite></p>
                                                </a>
                                            </li>
                                            <li class="layui-col-md2 layui-col-xs6">
                                                <a href="javascript:;" class="x-admin-backlog-body">
                                                    <h3>新增会员</h3>
                                                    <p>
                                                        <cite>99</cite></p>
                                                </a>
                                            </li>
                                            <li class="layui-col-md2 layui-col-xs6">
                                                <a href="javascript:;" class="x-admin-backlog-body">
                                                    <h3>商品数</h3>
                                                    <p>
                                                        <cite>67</cite></p>
                                                </a>
                                            </li>
                                            <li class="layui-col-md2 layui-col-xs6">
                                                <a href="javascript:;" class="x-admin-backlog-body">
                                                    <h3>文章数</h3>
                                                    <p>
                                                        <cite>67</cite></p>
                                                </a>
                                            </li>
                                            <li class="layui-col-md2 layui-col-xs6 ">
                                                <a href="javascript:;" class="x-admin-backlog-body">
                                                    <h3>文章数</h3>
                                                    <p>
                                                        <cite>6766</cite></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <hr>
                            <div class="layui-col-sm6 layui-col-md3" style="border-right-style: dotted;">
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        <span class="layui-badge layui-bg-cyan layuiadmin-badge">预交班基本信息</span></div>
                                    <div class="layui-card-body  ">
                                        <p class="layuiadmin-big-font">
                                            班次时间：{$res.start} 至 {$res.end}
                                        </p>
                                        <p>班次号：{:date('Y-m-d')}</p>
                                        <p>交班操作员：{:session('admin')}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-sm6 layui-col-md3" style="border-right-style: dotted;">
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        <span class="layui-badge layui-bg-cyan layuiadmin-badge">本班账务汇总信息</span></div>
                                    <div class="layui-card-body">
                                        <p class="layuiadmin-big-font">
                                            订房：{$res.home_subscribe_msg}元
                                           <span style="margin-left: 120px;">会员充值：{$res.member_record}元</span>
                                        </p>
                                        <p>
                                            入住：{$res.move}元
                                            <span style="margin-left: 120px;">商品消费：{$res.goods_shop}元</span>
                                        </p>
                                        <!--<p>押金：{$res.deposit_record}元</p>-->
                                        <p>总金额：{$res.home_subscribe_msg + $res.member_record + $res.move + $res.goods_shop}元</p>
                                    </div>
                                </div>
                            </div>



                            <hr>
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="layui-card-header">房间信息</div>
                                    <div class="layui-card-body ">
                                        <table class="layui-table">
                                            <tbody>
                                            <tr>
                                                <th>房间入住数</th>
                                                <td>{$res.room_count}</td>
                                            </tr>
                                            <tr>
                                                <th>房间剩余数</th>
                                                <td>{$res.free_count}</td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" id="img">
                            <button type="button" class="layui-btn layui-btn-fluid" onclick="Handover()">确认交班</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

<script>

    //创建一个新的canvas
    new html2canvas(document.getElementById('seho')).then(canvas => {
        // canvas为转换后的Canvas对象
        let oImg = new Image();
        //oImg.src图片地址
        oImg.src = canvas.toDataURL("image/jpg");

//        document.body.appendChild(oImg);  // 将生成的图片添加到body
    console.log(oImg);
        console.log(oImg.src);
        $('#img').val(oImg.src);

    });

    function Handover(){
        $.ajax({
            type:"post",
            url: "{:url('home/Handover/record')}",
            data: {
                img: $('#img').val()
            },
            success: function(data){
                console.log(data);
                toastr.error(data.msg);
                if(data.code == 100){
                    setTimeout(function () {
                        layer.closeAll();
                        parent.location.reload();
                    },1500);
                }
            }});
    }
</script>


</html>